<form onsubmit="return false;" action="{:request()->url()}" id="form" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">
    <div class="layui-card-body">

            <div class="layui-form-item">
                <label class="layui-form-label">客片分类</label>
                <div class="layui-input-block">
                    <input name="customer_cate_id" value="{$vo.customer_cate_id|default=''}" data-source="{:url('/backend/customer_cate/selectpage')}" data-position="fixed" data-field="name" placeholder="分类" class="layui-input selectpage">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">客片名称</label>
                <div class="layui-input-block">
                    <input name="name" required class="layui-input" placeholder="请输入客片名称"
                           value="{$vo.name|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">副标题</label>
                <div class="layui-input-block">
                    <input name="title" required class="layui-input" placeholder="请输入副标题"
                           value="{$vo.title|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">拍摄时间</label>
                <div class="layui-input-block">
                    <input name="time" required class="layui-input" placeholder="请输入拍摄时间"
                           value="{$vo.time|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">头像（一张）<span class="nowrap color-red">120*120</span></label>
                <div class="layui-input-block">
                    <input name="avatar" data-upload-image type="hidden" value="{$vo.avatar|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">主图（一张）<span class="nowrap color-red">340*460</span></label>
                <div class="layui-input-block">
                    <input name="logo" data-upload-image type="hidden" value="{$vo.logo|default=''}">
                </div>
            </div>

			<div class="layui-form-item" id="media">
                <label class="layui-form-label label-required">客片详情图（多图）<span class="nowrap color-red">700*任意高度</span></label>
                <div class="layui-input-block layui-form">
                    <input name="info" data-limit="20" type="hidden" value="{$vo.info|default=''}">
                </div>
            </div>

            <div class="hr-line-dashed"></div>
            <div class="layui-form-item text-center">
                <!--{notempty name='vo.id'}-->
                <input type='hidden' value='{$vo.id}' name='id'>
                <!--{/notempty}-->
                <button class="layui-btn" type='submit'>保存数据</button>
                <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
            </div>

    </div>

</form>


{block name='script'}

<script>
    require(['vue', 'files', 'form'], function (Vue) {
        var vm = new Vue({
            el: "#media",
            data: {},
            mounted: function () {
                this.$nextTick(function () {
                    //写在这里，会等页面渲染之后，再执行
                    // $('[name="logo"]').uploadOneImage();
					$('[name="info"]').uploadMultipleImage();
                    $.form.reInit($('#media'));
                });
            },

        });

    })
</script>

<script>
    window.form.render();
</script>
{/block}

